<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
        <title>Document</title>
        <script src = 'jquery-1.10.1.min.js'></script>
        <script>
            /* 
                val() value  获取/设置表单元素的值

                size() 输出，获取网页元素的个数

                each() 遍历
            */

            $(function(){
                // alert($("input").val()); //JQ取值只能去第一个符合条件元素的值

                // $("input").val("hello world"); //JQ赋值批量操作，会对所有获取到的元素进行赋值。
                /* 
                    css()
                    attr()
                    html()
                    【注】都是批量操作。
                */

                /* alert($('input').size());
                alert($("input").length); */

                $("input").each(function(index, item){
                    // alert(item + ", " + index);
                    // item.value = index;

                    $(item).val(index);
                })
            })
        
        </script>
    </head>
    <body>
        <input type="text" value = 'aaa'/>
        <input type="text" value = 'bbb'/>
        <input type="text" value = 'ccc'/>
    </body>
</html>